<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="/js/jquery-3.6.0.min.js"></script>
    <link href="../css/login.css" type="text/css" rel="stylesheet">
    <link href="../css/tb.css" type="text/css" rel="stylesheet">
    <link href="../css/company.css" type="text/css" rel="stylesheet">
    <style>
        #fujianspan{
            width: 40px;
            height: 25px;
            line-height: 25px;
            text-align: center;
            background: #323639;
            color: #FFFFFF;
            display: block;
            position: relative;
            left: 815px;
            top: 30px;
            border-radius: 3px;
            cursor: pointer;
        }
    </style>
</head>
<body>
<div th:include="common/inc"></div>
<div class="formDiv" style="width:500px;border: 1px solid #6FA5DB;border-radius: 10px;z-index: 100;">
    <h2 class="text-center">简历编辑</h2>
    <form id="loginForm">
        <input type="hidden" id="resumeId" name="resumeId">
        <div class="dataform">
            <div class="input-warp">
                <span class="input-icon iconfont" style="width: 50px;text-align: right;">姓名:</span>
                <input id="name" name="name" th:value="${resume.name}" type="text"  class="inputs" maxlength="64">
            </div>
            <div class="input-warp gap">
                <span class="input-icon iconfont" style="width: 50px;text-align: right;">性别:</span>
                <input id="sex" name="sex" th:value="${resume.sex}" type="text"  class="inputs" maxlength="64">
            </div>
            <div class="input-warp gap">
                <span class="input-icon iconfont" style="width: 50px;text-align: right;">手机号:</span>
                <input id="phoneNumber" name="phoneNumber" th:value="${resume.phoneNumber}" type="text"  class="inputs" maxlength="64">
            </div>
            <div class="input-warp gap">
                <span class="input-icon iconfont" style="width: 50px;text-align: right;">邮箱:</span>
                <input id="emailAddress" name="emailAddress" th:value="${resume.emailAddress}" type="text"  class="inputs" maxlength="64">
            </div>
            <div class="input-warp gap">
                <span class="input-icon iconfont" style="width: 50px;text-align: right;">求职岗位:</span>
                <input id="position" name="position" type="text" th:value="${resume.position}"  class="inputs" maxlength="64">
            </div>
            <div class="input-warp gap">
                <span class="input-icon iconfont" style="width: 50px;text-align: right;">经验(年):</span>
                <input id="experience" name="experience" type="text" th:value="${resume.experience}" class="inputs" maxlength="64">
            </div>
            <div class="input-warp gap">
                <span class="input-icon iconfont" style="width: 105px;text-align: left;display: block;float:left;margin-top: 5px;margin-left: 0px;">个人优势:</span>
                <textarea class="cntr inputs" cols="30" rows="15" id="grys" name="grys" th:utext="${resume.grys}" style="margin-top: 6px;"></textarea>
            </div>

            <div class="input-warp gap">
                <span class="input-icon iconfont" style="width: 105px;text-align: left;display: block;float:left;margin-top: 5px;margin-left: 0px;">工作经历:</span>
                <textarea class="cntr inputs" cols="30" rows="15" id="gzjl" name="gzjl" th:utext="${resume.gzjl}" style="margin-top: 6px;"></textarea>
            </div>
            <div class="input-warp gap">
                <span class="input-icon iconfont" style="width: 105px;text-align: left;display: block;float:left;margin-top: 5px;margin-left: 0px;">项目经历:</span>
                <textarea class="cntr inputs" cols="30" rows="15" id="xmjl" name="xmjl" th:utext="${resume.xmjl}" style="margin-top: 6px;"></textarea>
            </div>
            <div class="input-warp gap">
                <span class="input-icon iconfont" style="width: 105px;text-align: left;display: block;float:left;margin-top: 5px;margin-left: 0px;">教育经历:</span>
                <textarea class="cntr inputs" cols="30" rows="15" id="jyjl" name="jyjl" th:utext="${resume.jyjl}" style="margin-top: 6px;"></textarea>
            </div>
            <div class="input-warp">
                <input type="hidden" id="testimg" th:value="${resume.file}" name="file" />
            </div>

            <div class="input-warp gap" style="border: 0px;margin-top: 20px">
                <input id="lookFujian" class="btn btn-block lgbtn blue" type="button" value="查看附件简历" onclick="getFujian()">
            </div>
        </div>
    </form>
</div>
<div style="position:fixed;top: 0px;left: 200px;width: 810px;z-index: 1000;" id="fujian">
    <span  id="fujianspan" onclick="closeFujian()">返回</span>
    <object data="" type="application/pdf" width="800px" height="480px"></object>
</div>
</body>
<script type="text/javascript" src="/js/jquery-3.6.0.min.js"></script>
<link href="/js/bootstrap-fileinput/bootstrap-3.3.4-dist/css/bootstrap.min.css" rel="stylesheet">
<link href="/js/bootstrap-fileinput/css/fileinput.min.css" rel="stylesheet">
<script type="text/javascript" src="/js/jquery-3.6.0.min.js"></script>
<script src="/js/bootstrap-fileinput/js/fileinput.min.js"></script>
<script src="/js/bootstrap-fileinput/js/fileinput_locale_zh.js"></script>
<script src="/js/bootstrap-fileinput/bootstrap-3.3.4-dist/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="/js/kindeditor-4.1.10/themes/default/default.css"/>
<script src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script>
<script>
    <!--系统主动调用-->
    $(function (){
        $("#fujian").hide();
        $("#lookFujian").show();
    })



    //文件上传插件
    $('#headImg').fileinput({
        language: 'zh', //设置语言
        uploadUrl: '../file/upload', //上传的地址
        allowedFileExtensions: ['jpg', 'gif', 'png', 'pdf'],//接收的文件后缀
        showUpload: true, //是否显示上传按钮
        showCaption: false,//是否显示标题
        browseClass: "btn btn-primary", //按钮样式
        dropZoneEnabled: false,//是否显示拖拽区域
        //minImageWidth: 50, //图片的最小宽度
        //minImageHeight: 50,//图片的最小高度
        //maxImageWidth: 1000,//图片的最大宽度
        //maxImageHeight: 1000,//图片的最大高度
        //maxFileSize: 0,//单位为kb，如果为0表示不限制文件大小
        //minFileCount: 0,
        maxFileCount: 2, //表示允许同时上传的最大文件个数
        enctype: 'multipart/form-data',
        validateInitialCount:true,
        previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
        msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}！",

    }).on('fileuploaded', function(event, data, previewId, index) {
        var imgval = $('#testimg').val();
        if(imgval == null || imgval == "" || imgval == undefined){
            imgval = data.response.img;
        }else{
            imgval = data.response.img;
        }
        $('#testimg').val(imgval);

    });
    function getFujian(){
        $("#fujian").show();
        var fujianUrl = $('#testimg').val();
        console.log(fujianUrl);
        $("object").prop({data:fujianUrl});
    }
    function closeFujian(){
        $("#fujian").hide();
    }
</script>

</html>